import { Button, SpaceWraper, Modal, Alert } from "@teach_wmg_21";

# 按纽 (Button)

### **代码演示**

### 1. 基本按纽


```jsx live=true
<Button>确定</Button>
```

### 2. 不可用状态

```jsx live=true
<Button disabled>删除</Button>
```

### 3. 事件

```jsx live=true
<SpaceWraper>
  <Button
    onClick={() => {
      alert("点我呀");
    }}
  >
    添加
  </Button>

  <Button
    disabled
    onClick={() => {
      alert("点我呀");
    }}
  >
    删除
  </Button>
</SpaceWraper>
```

### **属性**

| 参数      | 说明     | 类型    | 可选值 | 默认值 |
| --------- | -------- | ------- | ------ | ------ |
| width     | 宽度     | number  | -      | -      |
| height    | 高度     | number  | -      | -      |
| className | 类       | string  | -      | -      |
| style     | 外层样式 | css     | -      | -      |
| disabled  | 是否可用 | boolean | true   | false  | false |

### **事件**

| 参数     | 说明     | 类型     | 可选值 | 默认值 |
| -------- | -------- | -------- | ------ | ------ |
| onClick  | 点击     | function | -      | -      |
| disabled | 是否可用 | boolean  | true   | false  | false |
